<template>
  <div>
    <h1 v-text="msg" ref="title"></h1>
    <button ref="btn" @click="showDOM">点我输出上方的DOM元素</button>
    <School ref="sch"/>
  </div>
</template>

<script>
    // 引入组件
    import School from './components/School'

    export default {
        name: 'App',
        components: {
            School
        },
        data(){
          return {
            msg: '欢迎学习Vue!'
          }
        },
        methods: {
          showDOM(){
            console.log(this.$refs);// 打印所有打上标签的元素
            // console.log(this.$refs.title);// 获取<h1>这个标签的DOM元素
            // console.log(this.$refs.sch);// school组件实例对象
          }
        }
    }
</script>

<style>

</style>